.point {
    width: var(--point-width);
    height: var(--point-height);
    background: var(--point-background);
    position: relative;
    border-radius: var(--point-border-radius);
}

.point-flicker:after {
    background: var(--point-background);
}

.point-flicker:before,
.point-flicker:after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    border-radius: var(--point-border-radius);
    animation: flicker 1.2s ease-out infinite;
}

@keyframes flicker {
    0% {
        transform: scale(0.5);
        opacity: 1;
    }

    30% {
        opacity: 1;
    }

    100% {
        transform: scale(var(--point-scale));
        opacity: 0;
    }
}
